<div class="root">
    <list class="addr-list">
        <cell class="addr-cell" v-for="addr in addrList">
            <div :class="['addr-cell-box',addr.addr_default == 1 ? 'addr-cell-box-active' : 'addr-cell-box-common']">
                <div class="addr-item">
                    <text class="addr-text font-msyhl">{{addr.addr_name}}</text>
                    <text class="addr-text font-msyhl">{{addr.addr_phone}}</text>
                </div>

                <div class="addr-item addr-item-full">
                    <text class="addr-text addr-text-full font-msyhl">{{addr.addr_prov}}{{addr.addr_city}}{{addr.addr_area}}{{addr.addr_info}}{{addr.addr_neighbourhood}}</text>
                </div>

                <div class="addr-item">
                    <div class="btn-l" @click="setDefault(addr)">
                        <image resize="stretch" class="default-icon" :src="addr.addr_default == 1 ? checkedIconBg : uncheckedIconBg"></image>
                        <text class="default-text font-msyhl">默认地址</text>
                    </div>

                    <div class="btn-r">
                        <div class="btn btn-edit" @click="editAddr(addr)">
                            <image resize="stretch" class="btn-edit-img" :src="editIconBg"></image>
                        </div>

                        <div class="btn btn-del" @click="delAdrr(addr)">
                            <image resize="stretch" class="btn-del-img" :src="delIconBg"></image>
                        </div>
                    </div>
                </div>
            </div>
        </cell>

        <cell class="addr-cell">
            <div class="addr-cell-box">
                <div class="add-new-box" @click="newAdrr">
                    <image resize="cover" class="bot-add-img" :src="newAddressIcon"></image>
                    <text class="bot-addr-btn font-msyhl">添加收货地址</text>
                </div>
            </div>
        </cell>

        <cell class="empty-cell" v-if="listLoaded && !addrList.length">
            <content-empty emptyTxt="快去添加收货地址吧~"></content-empty>
        </cell>
    </list>
</div>
